< input type="button" >
< input type="submit" >
< input type="submit" >
Разница между button и input кнопками
Оба < button type="submit" > и < input type="submit" > отображаются в виде кнопок и
вызывают отправку данных формы на сервер.
< input type="button" >
Устаревшие кнопки
< input > элементы типа button отображаются как простые
кнопки, которые можно запрограммировать для управления пользовательскими функциями
< input type="submit" >
Кнопка отправки формы на сервер
< input type="submit" > отображаются как кнопки.
Когда click происходит событие (обычно из-за того, что пользователь нажал кнопку)
< input type="reset" >
Кнопка сброса формы
< input type="submit" > отображаются как кнопки.
Когда click происходит событие (обычно из-за того, что пользователь нажал кнопку)
< input type="image" >
Кнопка картинка
< input > элементы типа image
используются для создания графических кнопок отправки,
т. е. кнопок отправки, которые принимают форму изображения, а не текста.
< button > < /button >
Новые кнопки
HTML тег < button > создает кнопку,
похожую на кнопку элемента < input > со значением submit.
< img >
Кнопка - картинка с помощью тега button
В примере показано как будет выглядеть изображение < img > , вставленное
внутрь кнопки button без изменения стилей.
background-color: transparent;
Убрать фон элемента
Иногда некоторые блоки имеют свой фон, по умолчанию который на не нужен при верстке. Примером может служить верстка кнопки при помощи тега button.